<template>
  <div>
    <el-form size="small" label-width="60px" label-position="left" :model="form">
      <el-row>
        <el-col :span="12" >
          <el-form-item label="姓名：">
            <span>{{form.name}}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="手机：">
            <span>{{form.phone}}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="年纪：">
            <span>{{form.age}}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="生日：">
            <span>{{form.birth}}</span>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script>
// import proJs from "../../../assets/js/province.js";
// import cityJs from "../../../assets/js/city.js";
// import nationJs from "../../../assets/js/nation.js";

export default {
  props: { form_data: {} },
  data() {
    return {
      formData:['姓名','手机','26','2000-02-06'],
      form: {
        name: "姓名",
        phone: "手机",
        age: "26",
        birth: "2000-02-03"
      },
      nation: [],
      area_arr: [],
      area_select: []
    };
  },
  mounted() {
    // this.form = JSON.parse(JSON.stringify(this.form_data));
    // this.nation = nationJs;
    // for (var i in proJs) {
    //   var area_temp = proJs[i];
    //   area_temp.children = cityJs[i];
    //   this.area_arr.push(area_temp);
    // }
    // //初始化城市
    // this.initCity();
  },
  methods: {},
  watch: {
    form_data: {
      handler() {
        this.form = JSON.parse(JSON.stringify(this.form_data));
      },
      deep: true
    }
  }
};
</script>

<style >
.el-form  .el-form-item__label {
    color: #666666;
  }
.el-form .el-form-item__content {
  color: #000000;
}
</style>